<template>
	<div class="widget-multi-poi-content relative content">
		<div v-if="tag.contentType===1" v-html="tag.content" />
		<audio v-else-if="tag.contentType===2" :src="tag.content" autoplay controls />
		<video v-else-if="tag.contentType===3" :src="tag.content" autoplay controls />
		<player-camera v-else-if="tag.contentType===4" :camera-id="tag.content" />
	</div>
</template>

<script>
export default {
	name: "WidgetMultiPoiContent",
	props: {
		tag: {
			type: Object,
			default: {}
		}
	}
};
</script>

<style lang="scss" scoped>
.widget-multi-poi-content {
	box-sizing: border-box;
	min-width: 300;
	min-height: 200px;
	overflow: hidden;
	position: relative;
	& > * {
		display: block;
		width: 100% !important;
		height: 100% !important;
	}
}
</style>